@charset "utf-8";
body,html{width:100%; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#00a0e9;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
.line{border:1px solid #e5e5e5;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}
.f_red{ color:#da251d;}

/*公用样式*/
.effect-img {text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Title01{line-height:60px;}
.Title01 span{display:inline-block; font-size:40px; color:#343434; font-family:Arial; font-weight:bold;}
.Title01 em{padding-left:8px; color:#999999;}
.Title01 em i{padding-right:5px;}
.Title01 b{display:block;}

.Ban img{display:block; width:100%;}

.Current{background:#fff; padding:28px 50px; border-bottom:1px solid #ebebeb; margin-top:-99px; position:relative; z-index:99;}
.SubName{width:30%; float:left;}
.SubName span{display:block; line-height:24px; font-size:20px; color:#333333;}
.SubName em{display:block; line-height:18px; font-size:16px; font-family:Arial; color:#cccccc;}
.Position{line-height:18px; margin-top:24px; font-size:14px; color:#999999; width:70%; float:right; text-align:right;}
.Position a{color:#999999;}
.Position span{color:#00a0e9;}

.Container{padding:3%;}
.Left{width:16%; float:left;}
.Meun dl dd{font-size:14px; line-height:45px;}
.Meun dl dd a.am{display:block; color:#666666; border-bottom:1px solid #ebebeb; padding-left:15px;}
.Meun dl dd a.am:hover,.Meun dl dd.on a.am{color:#00a0e9; background:url(../images/line5.png) no-repeat 15px center; padding-left:32px; transition: 400ms;}
.Meun dl dd:last-child{border-bottom:none;}

.Right{width:80%; float:right;}


/*pages*/
.Pages{width:100%; text-align:center; color:#666666; font-size:14px; line-height:28px;}
.Pages b{font-weight:normal; color:#00a0e9;}
.Pages a{display:inline-block; padding:0px 10px; height:28px; line-height:28px; background:#e8e8e8; color:#666666; margin:0px 1px;}
.Pages .p_page{padding-left:10px;}
.Pages .a_prev,.Pages .a_next{font-family:"宋体";}
.Pages a:hover,.Pages a.a_cur{background:#00a0e9; color:#fff;}
.Pages select{width:48px; height:23px; line-height:23px; border:1px solid #e7e7e7; margin:0px 7px;}
/*pages end*/

/*Top*/
.Header{background:url(../images/opacity2.png) repeat; position:fixed; width:100%; left:0px; top:0px; z-index:9999; height:90px; box-shadow:10px 0px 25px #dfe0e2;}
.Logo{width:378px; float:left; padding:15px 0px 0px;}
.Logo img{display:block; width:100%;}
.SearchBox{float:right; padding-left:3%; margin-top:38px;}
.SearchBox .sbtn{width:14px; height:13px; display:block; background:url(../images/btn.png) no-repeat;}
.SearchBox .Search{position:absolute; top:100%; right:0px; border:1px solid #666; z-index:99; width:200px; background:#fff; border-radius:15px; height:30px; line-height:30px; display:none;}
.SearchBox .Search .input{padding:0px 15px; width:155px; height:30px; line-height:30px;}
.SearchBox .Search .btn{background:url(../images/btn.png) no-repeat; width:15px; height:15px; position:absolute; top:7px; right:10px;}
.Nav{width:625px; float:right;}
.Nav li{width:104px; float:left; padding:22px 0px 23px;}
.Nav li a.am{display:block; font-size:15px; color:#222222; line-height:45px; text-align:center;}
.Nav li:hover a.am,.Nav li.active a.am{background:url(../images/navon.png) no-repeat center bottom;}
.SubNav{position:absolute; left:0px; top:100%; width:100%; height:50px; line-height:50px; background:url(../images/opacity.png) repeat; z-index:999; display:none; text-align:right;}
.SubNav .w1200{position:relative;}
.SubNav .w1200 dl{position:absolute; width:60%; top:0px; right:0px;}
.Nav li#nav13 .SubNav dl{right:18%;}
.Nav li#nav4 .SubNav dl{right:15%;}
.SubNav dl a{font-size:14px; color:#e5e5e5; padding:0px 13px;}
.SubNav dl a:hover{color:#fff;}


/* 手机导航 */
.Header_menu,.page_menu{display:none;}
.Header .header_menu{background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:50px; height:24px;background-size:45%;background-position:center; background-repeat:no-repeat; z-index:9; display:none;}
.page_menu{width:50%;height:100%;background:url(../images/opacity.png) repeat;overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0;right:-100%;}
.page_menu .close_bar{height:69px;line-height:69px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:url(../images/opacity.png) repeat; border-bottom:1px solid #e8e8e8;text-align:right;}
.page_menu .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
.page_menu .close_bar a:hover{transform:rotate(180deg);}
.page_menu .menu_list{width:100%;margin-top:69px;}
.page_menu .menu_list li h3{height:65px;line-height:65px;font-size:18px;position:relative; border-bottom:1px solid #e8e8e8; font-weight:normal;}
.page_menu .menu_list li h3 a{color:#fff;text-decoration:none;padding-left:20px;display:block;}
.page_menu .menu_list li h3:hover a,.page_menu .menu_list li h3.cur a{color:#f0b1b9;}

 
/*banner*/
.Banner{position:relative;}
.Banner .swiper-slide{width:100%;}
.Banner .swiper-slide .img{display:block; width:100%;}
.Banner .BanTxt{ left:0; right:0; top:0; bottom:0; position:absolute; width:100%}
.Banner .ani{position:absolute; width:50%; text-align:center; right:0; top:40%;}
.Banner .ani img{ display:inline-block;}
.Banner .swiper-button-prev,.Banner .swiper-button-next{ width:8px; height:14px; top:auto; bottom:7%; right:auto; left:50%; opacity:1;}
.Banner .swiper-button-prev{ background:url(../images/prev.png) no-repeat left top; margin-left:-580px;}
.Banner .swiper-button-next{ background:url(../images/prev.png) no-repeat right top; margin-left:-520px;}
.Banner .swiper-pagination{ color:#fff; width:auto; font-family:Arial; font-weight:bold; left:50%; margin-left:506px; bottom:7%; font-size:20px;}
.Banner .swiper-pagination .swiper-pagination-current{ font-size:30px; }



/*bottom*/
.Footer{background:#242527; padding:35px 0px;}
.Sitepath{width:900px; float:left;}
.Sitepath dl{width:20%; float:left;}
.Sitepath dl dt{line-height:46px; margin-bottom:7px; background:url(../images/dtbg.png) no-repeat left bottom; font-size:16px; color:#fff; font-weight:bold;}
.Sitepath dl dd{font-size:14px; line-height:26px;}
.Sitepath dl dd a{color:#bcbdbd;}
.Sitepath dl dd:hover a{color:#00a0e9;}

.Bottominfo{width:255px; float:right;}
.Bottominfo .Bmeun{font-size:16px; font-weight:bold; color:#fff; line-height:46px;}
.Bottominfo .Bmeun a{color:#fff;}
.Bottominfo .Bmeun i{padding:0px 12px;}

.iphone{line-height:22px; font-size:14px; color:#bcbdbd; margin-bottom:10px;}
.iphone em{display:block; line-height:44px; color:#00a0e9; font-size:36px; font-family:Impact;}

.Share{height:38px;}
.Share .bdshare-button-style0-16 a,.Share .bdshare-button-style0-16 .bds_more{padding:0 !important; margin:0px 6px !important;}
.Share .bdshare-button-style0-16{display:inline-block;}
.Share .bdshare-button-style0-16 .bds_weixin{width:38px !important; height:38px !important; background:url(../images/btlink.png) no-repeat center top !important;}
.Share .bdshare-button-style0-16 .bds_tsina{width:38px !important; height:38px !important; background:url(../images/btlink.png) no-repeat right top !important;}
.Share .bdshare-button-style0-16 .popup_sqq{width:38px !important; height:38px !important; background:url(../images/btlink.png) no-repeat left top !important;}

.Bottom{background:#1d1e1f; padding:16px 0px; font-size:14px; line-height:28px; color:#bbbcbc; text-align:center;}
.Bottom a{color:#bbbcbc;}


@media (max-width:1199px){
.Banner .swiper-button-prev,.Banner .swiper-button-next{ margin-left:0; }
.Banner .swiper-button-prev{ left:5%; }
.Banner .swiper-button-next{ left:10%; }
.Banner .swiper-pagination{ left:auto; right:5%; margin-left:0; }
}

@media ( max-width:1200px){
.Nav{display:none;}
.Header .header_menu,.page_menu{display:block;}
.SearchBox{margin-right:100px; background:none;}

.Footer{display:none;}
}

@media ( max-width:768px){
.Header{position:relative;}
.Banner .ani img{width:50%;}

.Title01 span{font-size:30px;}

.Current{padding:15px; margin-top:-72px;}
.Container{padding:4% 0;}
.Left{margin-bottom:3%;}
.Left,.Right{width:100%; float:none;}
.Meun dl{text-align:center; margin-bottom:2%;}
.Meun dl dd{display:inline-block; width:24%; line-height:30px;}
.Meun dl dd a.am{padding:0; border-bottom:none;}
.Meun dl dd a.am:hover,.Meun dl dd.on a.am{padding:0; background:none;}
}

@media ( max-width:640px){
.Header{height:75px;}
.Logo{width:285px;}
.SearchBox{margin-top:33px;}

.Banner .swiper-pagination{ bottom:10px; }
.Banner .swiper-button-prev{ bottom:15px;}
.Banner .swiper-button-next{ left:15%; bottom:15px;}

}

@media ( max-width:480px){
.Logo{width:225px; padding:22px 0px 0px;}
.SearchBox{margin-right:60px;}
.Title01 span{font-size:20px;}

.Current{margin-top:0;}
.SubName{display:none;}
.Position{width:100%; float:none; text-align:left; margin-top:0px;}

.Meun dl dd{font-size:12px;}
}

/*index*/
.HomeAbout{background:#fbfbfb; padding:4% 0 13%;}
.HomeAbout .pic{width:50%; float:right;}
.HomeAbout .pic img{display:block; width:100%;}
.HomeAbout .txt{width:45%; float:left;}
.HomeAbout .txt .tit{font-size:20px; line-height:33px; color:#0354b1; padding-bottom:25px; background:url(../images/line.png) no-repeat left bottom;}
.HomeAbout .txt .info{font-size:14px; line-height:22px; height:110px; overflow:hidden; color:#999999; margin:6% 0;}
.HomeAbout .txt .more{display:inline-block; width:130px; height:36px; line-height:36px; text-align:center; background:url(../images/titbg.png) no-repeat; background-size:100% 100%; font-size:16px; color:#fff; box-shadow:10px 10px 30px #bdd1e8; border-radius:20px;}

.DataBox{background:#fff; box-shadow:0px 0px 20px #f6f6f6; height:230px; margin-top:-116px;}
.DataBox dl dd{width:25%; float:left; text-align:center; padding-top:85px; background:url(../images/line2.png) no-repeat right center; height:145px; font-size:14px; color:#999999; line-height:28px;}
.DataBox dl dd:nth-child(4n){background:none;}
.DataBox dl dd img{display:inline-block; padding-right:6px;}
.DataBox dl dd i{position:relative; top:-15px;}

.HomeNews{padding:4% 0;}
.HomeNews .SlideTxt{position:relative;}
.HomeNews .TitBox .Title01{width:46%; float:left;}
.HomeNews .TitBox .hd{margin-right:78px; float:right; width:40%; text-align:right; line-height:60px;}
.HomeNews .TitBox .hd li{display:inline-block; width:70px; height:32px; line-height:32px; text-align:center; margin:0 3%;}
.HomeNews .TitBox .hd li a{display:block; font-size:14px; color:#999999;}
.HomeNews .TitBox .hd li.on a{background:url(../images/hdbg.png) no-repeat; color:#fff;}
.HomeNews .bd .more{position:absolute; right:0px; top:0px; width:78px; text-align:center; line-height:55px; font-size:14px; color:#999999;}
.HomeNews .bd{padding:3% 0 0;}
.Newsslider{width:50%; float:left;}
.Newsslider .item{background:#fbfbfb;}
.Newsslider .item .pic img{display:block; width:100%;}
.Newsslider .item .txt{padding:2% 4% 4%;}
.Newsslider .item .txt .tit{height:44px; line-height:44px; overflow:hidden; font-size:16px; color:#444444; display:block;}
.Newsslider .item .txt .info{font-size:14px; line-height:26px; height:78px; overflow:hidden;}
.NewsBox{width:45%; float:right;}
.NewsBox dl dd{border-top:1px solid #e6e6e6;}
.NewsBox dl dd .box{position:relative; padding:5.3% 2% 5.3% 112px;} 
.NewsBox dl dd .box .date{width:112px; text-align:center; position:absolute; left:0px; top:0px; padding-top:6%;}
.NewsBox dl dd .box .date span{display:block; font-size:24px; line-height:27px; color:#666666;}
.NewsBox dl dd .box .date em{font-size:15px; line-height:22px; color:#999999;}
.NewsBox dl dd .box .txt .tit{display:block; font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.NewsBox dl dd .box .txt .info{font-size:14px; color:#999999; height:28px; line-height:28px; overflow:hidden;}
.NewsBox dl dd .box:hover{box-shadow:0px 0px 15px #f1f1f1;}
.NewsBox dl dd .box:hover .txt .tit{font-weight:bold; color:#0354b1;}

.HomeProduct{background:#fbfbfb; padding:3% 0;}
.HomeProduct .w1200{position:relative;}
.HomeProduct .Title01{line-height:45px; padding:4% 0 0; float:left;}
.HomeProduct .Title01 em{display:inline-block; line-height:53px; padding-left:0; font-size:20px;}
.ProductBox{padding:0px 0px 0px 16px; background:url(../images/probg.png) no-repeat left bottom; width:70%; float:right;}
.ProductBox .item{width:100%; position:relative; padding-bottom:22px;} 
.ProductBox .item .box{background:#fff;}
.ProductBox .item .pic{padding:10px;}
.ProductBox .item .pic img{display:block; width:100%; height:210px;}
.ProductBox .item .txt{padding:0 8%; height:162px;}
.ProductBox .item .txt .tit{display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#444444; font-weight:bold;}
.ProductBox .item .txt .info{font-size:14px; line-height:20px; height:40px; overflow:hidden; margin:6px 0px; color:#999999;}
.ProductBox .item .txt .ins{display:inline-block; font-size:14px; height:28px; line-height:28px; padding:0px 5px; background:url(../images/insbg.png) repeat-x;}
.ProductBox .item .txt a.more{position:absolute; right:32px; bottom:0px; width:44px; height:44px;}
.ProductBox .item .txt a.more em{display:inline-block; padding-left:40px; line-height:44px; font-size:16px; color:#fff; display:none;}
.ProductBox .item .txt a.more .bg{position:absolute; right:0px; top:0px; width:44px; height:44px; background:url(../images/jia.png) no-repeat;}
.ProductBox .item:hover .txt a.more{width:168px; background:url(../images/titbg.png) no-repeat;transition: 400ms;}
.ProductBox .item:hover .txt a.more .bg{background:url(../images/jiaon.png) no-repeat;transition: 400ms;}
.ProductBox .item:hover .txt a.more em{display:block;}
.ProductBox .item:hover .box{box-shadow:0px 0px 15px #ededed;}
.ProductBox .owl-carousel .owl-nav{position:absolute; left:-43%; bottom:80px; width:94px; height:40px; overflow:hidden;}
.ProductBox .owl-carousel .owl-nav .owl-prev,.ProductBox .owl-carousel .owl-nav .owl-next{width:40px; height:40px; position:absolute; top:0px; text-indent:99999em;}
.ProductBox .owl-carousel .owl-nav .owl-prev{background:url(../images/prev2.png) no-repeat left top; left:0px;}
.ProductBox .owl-carousel .owl-nav .owl-next{background:url(../images/prev2.png) no-repeat right top; right:0px;}
.ProductBox .owl-carousel .owl-nav .owl-prev:hover{background:url(../images/prev2.png) no-repeat left bottom;}
.ProductBox .owl-carousel .owl-nav .owl-next:hover{background:url(../images/prev2.png) no-repeat right bottom;}

.HomeHuman .img{float:left; background:#e6e6e6; padding:10px; position:relative; width:20.5%;}
.HomeHuman .img .border{display:inline-block; border:2px solid #fff;}
.HomeHuman .img img{display:block; width:100%;}
.HomeHuman .img .title{position:absolute; top:40px; right:40px; padding-top:9px; background:url(../images/line3.png) no-repeat top right; text-align:right;}
.HomeHuman .img .title span{display:block; font-size:16px; line-height:21px; color:#444444;}
.HomeHuman .img .title em{font-family:Arial; line-height:13px; color:#999999; text-transform:uppercase;}

.HumenList{width:74%; float:right;}
.HumenList dl dd{width:28%; margin-right:5.3333%; float:left; margin-top:28px;}
.HumenList dl dd .date{line-height:24px; font-size:15px; color:#999999;}
.HumenList dl dd .date span{display:inline-block; font-size:24px; color:#666666; padding-right:10px;}
.HumenList dl dd .txt{margin:32px 0px 118px;}
.HumenList dl dd .txt .tit{margin:0px 0px 11px; font-size:16px; color:#444444; line-height:24px; height:24px; overflow:hidden; display:block;}
.HumenList dl dd .txt .info{font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#999999;}
.HumenList dl dd a.detail{display:block; font-size:14px; color:#999999;}
.HumenList dl dd:hover .txt .tit{font-weight:bold; color:#0354b1;}
.HumenList dl dd:hover a.detail{color:#666666;}

.HomeContact{background:url(../images/contactbg.jpg) no-repeat; height:472px; overflow:hidden;}
.ContactBox{padding:6% 0; width:48%;}
.ContactBox .Title01{line-height:45px;}
.ContactBox .txt{font-size:16px; line-height:32px; color:#999999;}
.ContactBox .txt .call{padding:14px 0px; margin-bottom:5px; border-bottom:1px solid #eaeaea;}
.ContactBox .btn{margin:60px 0px 0px;}
.ContactBox .btn a{display:inline-block; width:168px; height:44px; line-height:44px; text-align:center; background:url(../images/line4.png) no-repeat; margin-right:20px; font-size:16px; color:#666666;}
.ContactBox .btn a .icon{margin-right:10px; display:inline-block; width:29px; height:26px; position:relative; vertical-align:middle;}
.ContactBox .btn a .icon img{position:absolute; left:0px; top:0px;}
.ContactBox .btn a .icon .i1{ transition: 400ms;}
.ContactBox .btn a .icon .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.ContactBox .btn a:hover .icon .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.ContactBox .btn a:hover .icon .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.ContactBox .btn a:hover{background:url(../images/titbg.png) no-repeat; color:#fff;}

@media ( max-width:1200px){
.HomeContact{background-position:50% bottom;}
}

@media ( max-width:998px){

}

@media ( max-width:768px){
.HomeAbout{padding:4% 0;}
.DataBox{margin-top:0; height:auto;}
.DataBox dl dd{padding:55px 0px 45px; height:auto;}

.HomeHuman .img{display:none;}
.HumenList{float:none; width:100%;}
.HumenList dl dd .txt{margin:32px 0px;}
.ContactBox{width:72%;}
}

@media ( max-width:640px){
.HomeAbout .pic{display:none;}
.HomeAbout .txt{width:100%; float:none;}
.HomeAbout .txt .info{margin:3% 0 1.5%;}

.HomeNews .bd{padding:0;}
.HomeNews .TitBox .Title01{float:none; width:100%;}
.HomeNews .TitBox .hd{float:none; width:100%; text-align:center;}
.Newsslider,.NewsBox{width:100%; float:none;} 
.NewsBox dl dd .box{padding:3% 2% 3% 112px;}

.HumenList dl dd{width:100%; margin-right:0px; float:none;}
.HumenList dl dd .txt{margin:5px 0px;}

.HomeProduct .Title01{width:100%; float:none;}
.HomeProduct .Title01 b{display:inline-block; padding:0px 3px;}
.ProductBox{width:95%; float:none; margin:3% 0 0;}
.ProductBox .owl-carousel .owl-nav{left:auto; right:10px; bottom:auto; top:10px;}
}

@media ( max-width:480px){
.DataBox dl dd{width:49%; padding:30px 0px;}
.DataBox dl dd img{height:43px;}
.DataBox dl dd:nth-child(2n){background:none;}
.ContactBox{width:100%;}

.ContactBox .btn a{width:150px; background-size:100% 100%;}
.ContactBox .btn a:hover{background-size:100% 100%;}
}


/*企业荣誉*/
.HonnorList li{width:31.3333%; margin:0 3% 3% 0; border-bottom:1px solid #e5e5e5; float:left;}
.HonnorList li img{display:block; width:100%; height:157px;}
.HonnorList li:nth-child(3n){margin-right:0;}
.HonnorList li .txt{padding:12px 10px; background:url(../images/more.png) no-repeat 96% center;}
.HonnorList li .txt span{display:block;}
.HonnorList li .txt .name{font-size:16px; line-height:26px; height:21px; overflow:hidden; color:#666666;}
.HonnorList li .txt .date{line-height:21px; color:#999999; font-family:Arial;}
.HonnorList li:hover .txt{background:url(../images/moreon.png) no-repeat 96% center;}

@media ( max-width:998px){
.HonnorList li img{height:128px;}
}

@media ( max-width:768px){
.HonnorList li img{height:130px;}
}

@media ( max-width:640px){
.HonnorList li img{height:108px;}
}

@media ( max-width:480px){
.HonnorList ul{padding:4% 0;}
.HonnorList li{margin-right:0; width:48%;}
.HonnorList li:nth-child(2n){float:right;}
.HonnorList li img{height:105px;}
.HonnorList li .txt .name{font-size:14px;}
}

/*康诺大事记*/
.History{background:url(../images/line6.png) repeat-y 142px top;}
.History li{position:relative; min-height:30px; height:auto !important; height:30px; margin-bottom:3%;}
.History li .date{width:80px; height:30px; line-height:30px; padding-left:19px; font-size:16px; color:#666666; position:absolute; left:0px; top:50%; margin-top:-15px; background:url(../images/date.png) no-repeat;}
.History li .txt{margin-left:137px; background:url(../images/dot.png) no-repeat left center; padding-left:42px;}
.History li .txt dd{font-size:14px; line-height:24px; color:#888888; background:url(../images/dot2.png) no-repeat left 9px; padding-left:16px;}
.History li:hover .date{background:url(../images/dateon.png) no-repeat; color:#fff;}
.History li:hover .txt{background:url(../images/doton.png) no-repeat left center;} 
.History li:hover .txt dd{color:#035fb9; background:url(../images/doton2.png) no-repeat left 9px;}

@media ( max-width:640px){

}

@media ( max-width:480px){
.History{background-position:118px top;}
.History li .txt{margin-left:113px; padding-left:29px;}
}

/*新闻资讯*/
.NewsList li{margin-bottom:3%;}
.NewsList li .pic{width:30%; float:left;}
.NewsList li .txt{width:50%; float:left; margin:2% 0 0 3%;}
.NewsList li .txt .tit{display:block; height:26px; line-height:26px; color:#333333; font-size:16px; margin-bottom:10px;}
.NewsList li .txt .info{font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#888888;}
.NewsList li .Rcon{width:12%; float:right;}
.NewsList li .Rcon .date{display:block; font-size:22px; font-family:Arial; color:#999999; margin:30px 0px; line-height:26px;}
.NewsList li .Rcon .more{display:block; width:26px; height:30px; background:url(../images/more.png) no-repeat;}
.NewsList li:hover{box-shadow:0px 0px 15px #ededed;}
.NewsList li:hover .box{padding:3% 0% 3% 3%; transition: 400ms;}
.NewsList li:hover .txt .tit{font-weight:bold; color:#00a0e9;}
.NewsList li:hover .Rcon{width:10%;}
.NewsList li:hover .Rcon .more{background:url(../images/moreon.png) no-repeat;}

.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:1% 0 3%; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.bdsharebuttonbox{display:inline-block; vertical-align:middle;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:640px){
.NewsList li .txt .tit{margin-bottom:0px;}
.NewsList li .Rcon .date{margin:20px 0px;}
}

@media ( max-width:480px){
.NewsList li .pic{display:none;}
.NewsList li .txt{width:73%;}
.NewsList li .Rcon{width:18%;}
.NewsList li:hover .Rcon{width:18%;}
}

/*产品中心*/
.ProMeun .MeunTit{display:none; background:#00a0e9 url(../images/down.png) no-repeat 94% center; color:#fff; font-size:18px; height:40px; line-height:40px; text-align:center;}
.ProMeun ul{padding:8px 0px 8px 30px; border-bottom:1px solid #ebebeb;}
.ProMeun ul li{font-size:14px; line-height:30px;}
.ProMeun ul li a{display:block; color:#999999;}
.ProMeun ul li:hover a{color:#00a0e9; text-decoration:underline;}

/*产品详情*/
.ProSlide{width:45%; float:left;}
.ProSlide .item img{display:block; width:100%;}
.ProSlide .owl-nav{position:absolute; left:0%; top:50%; margin-top:-25px; width:100%; height:50px; overflow:hidden;}
.ProSlide .owl-nav .owl-prev,.ProSlide .owl-nav .owl-next{width:30px; height:50px; position:absolute; top:0px; text-indent:99999em;}
.ProSlide .owl-nav .owl-prev{background:url(../images/prev3.png) no-repeat left top; left:20px;}
.ProSlide .owl-nav .owl-next{background:url(../images/prev3.png) no-repeat right top; right:20px;}
.ProSlide .owl-nav .owl-prev:hover{background:url(../images/prev3.png) no-repeat left bottom;}
.ProSlide .owl-nav .owl-next:hover{background:url(../images/prev3.png) no-repeat right bottom;}

.ProDetail .ProTxt{width:50%; float:right;}
.ProDetail .ProTxt .name{display:block; font-size:24px; line-height:40px; padding:22px 0px 16px; border-bottom:1px solid #e0e0e0; color:#333;}
.ProDetail .ProTxt .info{padding:15px 0px 38px; font-size:14px; line-height:26px; color:#999999;}
.ProDetail .ProTxt .info b{display:block; line-height:30px; color:#666666;}
.ProDetail .ProTxt a.check{display:block; width:146px; height:35px; line-height:35px; text-align:center; background:url(../images/checkbg.png) no-repeat; box-shadow:0px 0px 30px #bdd2eb; font-size:14px; color:#fff;}

.ProTab{margin:5% 0 0;}
.ProTab .title{height:50px; line-height:50px; background:#00a0e9; font-size:18px; font-weight:bold; color:#fff;}
.ProTab .title span{padding-left:45px;}
.ProTab .con dl{width:50%; float:left; border-bottom:2px solid #fff; line-height:25px; padding:12px 0px; background:#f7fdff; font-size:14px; color:#666666;}
.ProTab .con dl dt{width:30%; float:left; text-align:center;}
.ProTab .con dl dd{width:70%; float:left;}

@media ( max-width:998px){
.ProMeun ul{padding-left:0px;}
}

@media ( max-width:768px){
.MeunList{display:none; padding:0 5%;}
.ProMeun .MeunTit{display:block;}
.ProMeun dl dd{width:100%; text-align:left;}
.ProMeun dl dd a.am{display:block; color:#666666; border-bottom:1px solid #ebebeb; padding-left:15px;}
}

@media ( max-width:640px){
.ProDetail .ProTxt .name{font-size:18px; line-height:30px; padding:5px 0px;}
.ProDetail .ProTxt .info{padding:15px 0px;}
.ProTab .con dl{width:100%; float:none;}
}

@media ( max-width:480px){
.ProSlide,.ProDetail .ProTxt{width:100%; float:none;}

.ProTab .con dl dt{width:33%;}
.ProTab .con dl dd{width:67%;}
}

/*人才招聘*/
.JobList table{margin-bottom:4%;}
.JobList table tr th{height:45px; line-height:45px; background:#00a0e9; color:#fff; font-weight:normal; font-size:16px;} 
.JobList table tr .w1,.JobList table tr .w3{width:18%;}
.JobList table tr td{background:#fff; }
.JobList table tr td{background:#f5f5f5;}
.JobList table tr:nth-child(2n) td{background:#fff;}
.JobList table tr td .name{font-size:16px; color:#333333;}
.JobList table tr td .con{font-size:14px; line-height:21px; color:#888888; padding:3% 6%;}
.JobList table tr td .apply{width:88px; height:30px; line-height:30px; background:url(../images/applybg.png) no-repeat; text-align:center; display:inline-block; font-size:14px; color:#3e3a39;}
.JobList table tr:hover td .apply{background:url(../images/checkbg.png) no-repeat; background-size:100% 100%; color:#fff; box-shadow:10px 10px 30px #b4c9e1;}

/*应聘表单.shtml*/
.recruitform .tit{ font-size:18px; font-weight:bold; color:#4d4d4d; text-align:center; background:#efefef; line-height:50px; height:50px; }
.recruitform .list{margin:3% 0 0 18%;}
.recruitform .list li{margin-bottom:20px;}
.recruitform .list li span{ display:block; float:left; line-height:40px; margin-right:3%; color:#4d4d4d; font-size:16px;}
.recruitform .list li input.txt{ border:1px solid #e6e6e6; height:38px; line-height:38px; padding-left:10px; font-size:14px; width:468px;}
.recruitform .list li label{ float:left; line-height:40px; margin-right:20px; font-size:18px; color:#4d4d4d;}
.recruitform .list li label input.radio{ margin-right:8px; }
.recruitform .list li textarea{ border:1px solid #e6e6e6; height:148px; padding:10px; font-size:14px; width:458px;}
.recruitform .list li.btn{ text-align:center; width:100%; float:none; clear:both; padding-top:20px; }
.recruitform .list li.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform .list li.btn input#btnSave{ background:#00a0ea; }
.recruitform .list li.btn input#resetSave{ background:#ccc; }

@media ( max-width:998px){
.recruitform .list{margin-left:8%;}	
}

@media ( max-width:640px){
.recruitform .list li input.txt,.recruitform .list li textarea{width:70%;}
}

@media ( max-width:480px){
.JobList table tr{position:relative;}
.JobList table tr .w3{display:none;}
.JobList table tr td .name{font-size:14px;}	
.JobList table tr .w1{width:25%;}

.recruitform .list{margin-left:0;}
.recruitform .list li input.txt{width:72%;}
.recruitform .list li textarea{width:70%;}
}

/*在线留言*/
.Message dl{width:48%; float:left; margin-bottom:20px;}
.Message dl:nth-child(2n){float:right;}
.Message dl dt{font-size:16px; line-height:36px; color:#808080;}
.Message dl dd .input{height:48px; line-height:48px; border:1px solid #e2e2e2; padding:0 4%; width:92%;}
.Message dl.nofloat{width:100%; float:none;}
.Message dl.nofloat textarea{height:235px; line-height:28px; border:1px solid #e2e2e2; padding:0 4%; width:92%;}
.Message dl.nofloat .btn{border:none; width:160px; height:46px; line-height:46px; text-align:center; display:inline-block; margin:0px 15px; color:#838383; background:#ebebeb; font-size:16px;}
.Message dl.nofloat .btnbg{background:#00a0e9; color:#fff;}

/*联系我们*/
.Contact .con .title{font-size:20px; color:#333; font-weight:bold; line-height:40px;}
.Contact .con .info{font-size:16px; line-height:28px; color:#222222;}
.Contact .con .info i{padding:0px 10px;}
.Map{padding:3% 0 0;}
.Map img{display:block; width:100%;}

@media ( max-width:480px){
.Message dl{width:100%; float:none;}
.Message dl dd .input{height:40px; line-height:40px;}
.Message dl.nofloat .btn{width:140px; height:40px; line-height:40px;}

.Contact .con .title{font-size:18px;}
.Contact .con .info{font-size:14px;}
}



/*招商合作*/
.ChinaMap{width:550px; float:left; position:relative;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li.on .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#fff; height:20px; line-height:20px;}
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur.png) no-repeat center top; padding-top:20px; transition: 400ms; color:#0354b1;}

.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:61px; right:27px;}
.ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:41px;}

.ChinaMap li.m2 .bg{top:86px; right:11px;}
.ChinaMap li.m2 .name{top:102px; right:50px;}
.ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:82px;}

.ChinaMap li.m3 .bg{top:161px; right:127px;}
.ChinaMap li.m3 .name{top:156px; right:145px;}
.ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:136px;}

.ChinaMap li.m4 .bg{top:170px; right:120px;}
.ChinaMap li.m4 .name{top:175px; right:122px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:155px;}

.ChinaMap li.m5 .bg{top:140px; right:104px;}
.ChinaMap li.m5 .name{top:186px; right:134px;}
.ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:166px;}

.ChinaMap li.m6 .bg{top:196px; right:72px;}
.ChinaMap li.m6 .name{top:210px; right:110px;}
.ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:190px;}

.ChinaMap li.m7 .bg{top:235px; right:67px;}
.ChinaMap li.m7 .name{top:244px; right:88px;}
.ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:224px;}

.ChinaMap li.m8 .name{top:264px; right:73px;}
.ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:244px;}

.ChinaMap li.m9 .bg{top:242px; right:92px;}
.ChinaMap li.m9 .name{top:275px; right:104px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:255px;}

.ChinaMap li.m10 .bg{top:300px; right:98px;}
.ChinaMap li.m10 .name{top:316px; right:120px;}
.ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:296px;}

.ChinaMap li.m11 .bg{top:320px; right:77px;}
.ChinaMap li.m11 .name{top:337px; right:90px;}
.ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:317px;}

.ChinaMap li.m12 .bg{top:360px; right:106px;}
.ChinaMap li.m12 .name{top:372px; right:138px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:352px;}

.ChinaMap li.m13 .bg{top:351px; right:167px;}
.ChinaMap li.m13 .name{top:375px; right:187px;}
.ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:355px;}

.ChinaMap li.m14 .bg{top:305px; right:145px;}
.ChinaMap li.m14 .name{top:322px; right:165px;}
.ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:302px;}

.ChinaMap li.m15 .bg{top:266px; right:126px;}
.ChinaMap li.m15 .name{top:284px; right:158px;}
.ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:264px;}

.ChinaMap li.m16 .bg{top:224px; right:127px;}
.ChinaMap li.m16 .name{top:246px; right:149px;}
.ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:226px;}

.ChinaMap li.m17 .bg{top:168px; right:156px;}
.ChinaMap li.m17 .name{top:202px; right:168px;}
.ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:182px;}

.ChinaMap li.m18 .bg{top:4px; right:78px;}
.ChinaMap li.m18 .name{top:162px; right:200px;}
.ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:142px;}

.ChinaMap li.m19 .bg{top:188px; right:224px;}
.ChinaMap li.m19 .name{top:202px; right:230px;}
.ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:182px;}

.ChinaMap li.m20 .bg{top:143px; left:183px;}
.ChinaMap li.m20 .name{top:220px; right:250px;}
.ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:200px;}

.ChinaMap li.m21 .bg{top:186px; right:185px;}
.ChinaMap li.m21 .name{top:250px; right:204px;}
.ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:230px;}

.ChinaMap li.m22 .bg{top:281px; right:192px;}
.ChinaMap li.m22 .name{top:300px; right:210px;}
.ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:280px;}

.ChinaMap li.m23 .bg{top:254px; left:221px;}
.ChinaMap li.m23 .name{top:290px; right:255px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:270px;}

.ChinaMap li.m24 .bg{bottom:80px; right:197px;}
.ChinaMap li.m24 .name{top:340px; right:210px;}
.ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:320px;}

.ChinaMap li.m25 .bg{top:319px; left:218px;}
.ChinaMap li.m25 .name{top:368px; right:277px;}
.ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:348px;}

.ChinaMap li.m26 .bg{top:211px; left:25px;}
.ChinaMap li.m26 .name{top:274px; left:130px;}
.ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:254px;}

.ChinaMap li.m27 .bg{top:184px; left:142px;}
.ChinaMap li.m27 .name{top:215px; left:200px;}
.ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:195px;}

.ChinaMap li.m28 .bg{top:55px; left:0px;}
.ChinaMap li.m28 .name{top:142px; left:115px;}
.ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:122px;}

.ChinaMap li.m29 .bg{bottom:0px; right:178px;}
.ChinaMap li.m29 .name{top:430px; right:180px;}
.ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:410px;}

.ChinaMap li.m30 .bg{bottom:124px; right:63px;}
.ChinaMap li.m30 .name{top:300px; right:72px;}
.ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:280px;}

.ChinaMap li.m31 .bg{top:123px; right:53px;}
.ChinaMap li.m31 .name{top:140px; right:62px;}
.ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:120px;}


.CompanyBox{width:298px; float:right; margin:3% 0 0;}
.Companyinfo dl dt{height:35px; line-height:35px; font-size:18px; color:#333333; font-weight:bold;}
.Companyinfo dl dd{font-size:14px; line-height:36px; color:#666666;}

.CooperBox .bd{margin-top:3%;}
.CooperBox .bd .box h2{height:47px; line-height:47px; color:#333333; font-size:16px; color:#333333; border-bottom:1px solid #e6e6e6;} 
.CooperBox .bd .box ul{padding:8px 0px; line-height:30px; color:#666666; font-size:14px;}

.MobileMap{display:none;}

@media ( max-width:1200px){
.MobileMap{display:block;}	
.ChinaMap{display:none;}
.CompanyBox{width:100%; float:none;}
.CooperBox .bd .ul{width:48%; float:left;}
.CooperBox .bd .ul:nth-child(2n){float:right;}
}

@media ( max-width:480px){
.CooperBox .bd .box h2{font-size:14px; line-height:35px; height:35px;}	
.CooperBox .bd .box ul{font-size:12px;}
}